<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="webkit">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="x-rim-auto-match" content="none">
    
    <title>订单填写</title>
    <meta name="viewport" content="width=1190">
    <link type="text/css" href="./static/css/style1.css" rel="stylesheet">
    <link type="text/css" href="./static/css/global.css" rel="stylesheet">
    <link type="text/css" href="./static/css/booking-hotel.css" rel="stylesheet">
    <script type="text/javascript" src="./static/js/jquery.mini.js"></script>
    <script type="text/javascript" src="./static/js/main.js"></script>
    <script type="text/javascript" src="./static/js/jquery.cookie.js"></script>
    <script type="text/javascript" src="./static/js/jquery.lazyload.js"></script>
    <script type="text/javascript" src="./static/js/common_language.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <style>
        i{font-size:13px;}
        input:checked .checked_type{color:#4499ff}
        .jifen_color{color:#ff9900;margin: 0 5px 0 5px;}
        .new_main-table-clause{width:596px;border-top: 1px dashed #ddd;padding-top:15px;margin:15px 0 0 0;}
        #J_order_btn+i{display:none;}
        #J_order_btn.loading+i{display:block;width:16px;height: 16px;bottom:16px;left: 50px;background:url("https://img.haoqiao.com/website/images/loading_order.gif") no-repeat center;}
    </style>
</head>
<body>
<!-- 头部 -->
<link rel="stylesheet" type="text/css" href="./static/css/iconfont.css">
<link rel="stylesheet" type="text/css" href="./static/css/global.css">
<div class="hq_header_wrap rel bg-fff">
    <div class="w hq_header_top m0auto dif jcb">
        <a class="J_token hq_header_logo dif aic" href="/index.html" title="">
            <img src="./img/logo.png" style="height: 59px;">
        </a>
        <div class="hq_header_top_right dif aic pr10">
        </div>
    </div>
    <div class="hq_header_bottom bg-49f">
        <div class="clearfix w">
            <ul class="hq_header_bottom_left fl clearfix">
                <li class="fl">
                    <a rel="nofollow" class="nav-link current J_token" href="/">酒店预订</a>
                </li>
                <li class="fl">
                    <a rel="nofollow" class="J_token nav-link " href="/member.html">订单管理</a>
                </li>
                <li class="fl member-center-btn">
                    <a rel="nofollow" class="J_token nav-link " href="/about.html">关于我们</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript" src="./static/js/header.js"></script>

<!-- 头部 End -->
<div class="main">
        <div class="booking_wrap">
            <!--<div class="remmend-time-tip">
                <i class="icon-timer"></i>请在<em class="red_color word-bold J_time">19分16秒</em>内完成填写，以免房间被订完或者价格发生变化
            </div>-->
            <div class="booking_side">
                <div class="info_common_content m-b-16 white_bg">
                    <div class="hotel_info_inner">
                        <div class="hotel_info_inner_box">
                            <div class="hotel_info_inner_box_img">
                                <img :src="'/images_serv/'+hotelDetail.images.list[0].imgid" width="282" height="160">
                            </div>
                            <div class="hotel_info_inner_box_text m-t-10">
                                <h6>
                                    <span>
                                        <a href="" target="_blank" class="J_token">{{hotelDetail.subtitle}}
                                            <span style="width:60px;margin-left:4px">
                                                <template v-if="hotelDetail.hotel_star_level === 1">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                            </template>
                                            <template v-if="hotelDetail.hotel_star_level === 2">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                            </template>
                                            <template v-if="hotelDetail.hotel_star_level === 3">
                                         template       <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                            </template>
                                            <template v-if="hotelDetail.hotel_star_level === 4">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                            </template>
                                            <template v-if="hotelDetail.hotel_star_level === 5">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                                <img src="./img/star.svg" alt="" width="15" height="15">
                                            </template>
                                            </span>
                                        </a>
                                    </span>
                                </h6>

                                <div class="grey_color" style="margin-top:6px">
                                    <i class="hotel_addr_icon hotel_addr"></i> {{hotelDetail.hotel_name}}, {{hotelDetail.hotel_address}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="J_hotel_side">
                    <div class="hotel-side-content" style="position: relative; top: 0px;">
                        <div class="info_common_content white_bg p_inner_10103020 has_top_border">
                            <div class="info_title">预订信息</div>
                            <div class="common_info_item m-b-8 m-t-16">
                                <div class="common_info_left grey_color">入住日期</div>
                                <div class="common_info_body">{{params.in_date}}（周{{Moment(params.in_date).weekday() || 7}}）</div>
                            </div>
                            <div class="common_info_item m-b-8">
                                <div class="common_info_left grey_color">离店日期</div>
                                <div class="common_info_body">{{params.out_date}}（周{{Moment(params.out_date).weekday() || 7}}）</div>
                            </div>
                            <div class="common_info_item m-b-8">
                                <div class="common_info_left grey_color">入住晚数</div>
                                <div class="common_info_body">1晚</div>
                            </div>
                            <div class="common_info_item m-b-8">
                                <div class="common_info_left grey_color">房间类型</div>
                                <div class="common_info_body">
                                    <span id="J_room_name">
                                        {{roomType}}
                                    </span>（{{params.room_number}}间）
                                </div>
                            </div>
                            <div class="common_info_item m-b-8">
                                <div class="common_info_left grey_color">含餐信息</div>
                                <div class="common_info_body">
                                    <span id="J_room_breakfast">{{breakfast}}</span>
                                </div>
                            </div>
                        </div>
                        <div class="info_common_content p_inner_20 yellow_bg price-yellow-bg-content">
                            <div class="ab_icon_box">
                                <span class="ab_icon before_y"></span><span class="ab_icon after_y"></span>
                            </div>
                            <div class="common_info_item m-b-5">
                                <div class="common_info_left" style="padding-top:6px">含税总价</div>
                                <div class="common_info_body text-right order_conpon_price_total ">
                                    <span class="J_p_total_currency"></span> <span class="J_p_total" data-hotel="646.00" data-fit="0">{{total_price}}</span><span class="J_total_unit">元</span>
                                </div>
                            </div>
                            <div id="J_pro_right_item"></div>
                        </div>
                    </div>
                </div>
        </div>
        <div class="booking_main">
            <div class="main_common_box">
                <div id="mask_forbid_show" class="hide" style="display: block;"></div>
                <div class="main_common_box_title"><span class="title-line-blue-left"></span>填写信息</div>
                <div class="main_common_box_container m-b-22">
                    <div class="main_common_box_container m-t-30">
                        <div class="info_od_col_list m-b-22">
                            <span class="span_title grey_color line-h-31">贵司订单号</span>
                            <div class="info_od_col_content rel ">
                                <input type="text" v-model="params.dis_self_sn" maxlength="50" class="tts-od-e-txt dist_sn" style="width:407px;margin:0;" value="wu-jia-hua" autocomplete="off">
                                <span class="tts-od-e-tips-3 inlineB ">
                                    <span><img src="./static/tx___icon.svg" class="v-a-m"> </span>
                                    <div class="new-tts-passport-tips tts-passport-tips-3 tipIdCard" style="display: none; width:200px">
                                        贵司订单号便于您管理自己的订单，不会发送给酒店。不能超过50个字符，仅支持字母、数字、“/”、"-"。
                                    </div>
                                </span>
                                <ul class="J_dist_sn_list hide abs radius-4">
                                    <img src="./static/images/loading_order.gif" class="dib mt5 ml20">
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="info_od_col_list">
                        <span class="span_title grey_color">房间信息</span>
                        <div class="info_od_col_content" style="margin-bottom:10px">
                            <div class="room_info_content room" v-for="item in params.stay_persons">
                                <div class="hotel_choose_bed_type_inner">
                                    <div class="bedtype_info_item">
                                        <div class="bedtype_info_title line-h-31">床型</div>
                                        <div class="bedtype_info_name J_room_bed_type" style="line-height: 30px">
                                            {{roomType}}客房
                                        </div>
                                    </div>
                                    <div class="bedtype_info_item" style="margin-top:10px">
                                        <div class="bedtype_info_title line-h-31"><i class="common_start">*</i>主入住人</div>
                                        <div class="bedtype_info_name">
                                            <div class="person_info">
                                                <div class="tts-od-e-txt-name tts-od-e-txt-name-input new-tts-od-e-txt-name">
                                                    <input type="text" v-model="item.person_name" class="tts-od-e-txt lastname new-tts-od-e-txt" maxlength="50" placeholder="姓名,例如李阳" style="text-transform:uppercase;" autocomplete="off">
                                                </div>
                                                <div class="tts-od-e-txt-name tts-od-e-txt-name-input new-tts-od-e-txt-name-last">
                                                    <input type="text" v-model="item.person_mobile" class="tts-od-e-txt firstname" maxlength="50" placeholder="电话,例如18888888888" style="text-transform:uppercase;" autocomplete="off">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>
            </div>
            <div class="main_common_box_title m-b-22"><span class="title-line-blue-left"></span>联系人信息</div>
            <div class="main_common_box_container">
                <div class="info_od_col_list ">
                    <span class="span_title grey_color"></span>
                    <div class="info_od_col_content" style="padding-left:7px">
                        <div class="tts-od-e-from-i tts-od-e-r-i-list p-b-10">
                            <span><i class="common_start">*</i>姓名</span>
                            <input v-model="params.contract_member" type="text" class="tts-od-e-txt" maxlength="20">
                            <span class="tts-od-e-txt-name-tips-py" style="width:auto;text-align:left;display:none;color:#ff5256"></span>
                        </div>
                        <div class="tts-od-e-from-i tts-od-e-r-i-list p-b-10">
                            <span><i class="common_start">*</i>手机</span>
                            <input v-model="params.contract_mobile" type="text" class="tts-od-e-txt" style="width:226px" maxlength="20">
                            <span class="tts-od-e-txt-name-tips-py" style="width:auto;text-align:left;display:none;color:#ff5256"></span>
                        </div>
                        <div class="tts-od-e-from-i tts-od-e-r-i-list">
                            <span><i class="common_start">*</i>邮箱</span>
                            <input v-model="params.contract_email" type="text" class="tts-od-e-txt" maxlength="30">
                            <span class="tts-od-e-txt-name-tips-py" style="width:auto;text-align:left;display:none;color:#ff5256"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main_common_box m-t-16">
            <div class="main_common_box_title">
                <span class="title-line-blue-left"></span> 注意事项
                <em class="note_info dib radius-15 f14 s t-666 ml10">请认真阅读以下提示信息和费用说明</em>
            </div>
            <div class="tts-od-e-r-tips-cont m-t-16 ">
                <div class="main_common_box_container m-b-22 otherRq_div hide" style="display: none;">
                    <div class="info_od_col_list ">
                        <span class="span_title grey_color">申请提醒</span>
                        <div class="info_od_col_content " id="otherRq"></div>
                    </div>
                </div>
                <div class="main_common_box_container m-b-22">
                    <div class="info_od_col_list" id="J_property_content">
                        <span class="span_title grey_color">出行提示</span>
                        <div class="info_od_col_content " id="J_property" style="overflow:hidden">
                            <p><b>入住退房时间</b></p> 入住时间{{hotelDetail.stay_stime}} ，退房时间 {{hotelDetail.check_out_stime}} <input type="hidden" id="J_hotel_checkin_time" value="14:00 - 00:00 ">
                            <input type="hidden" id="J_hotel_checkout_time" value="07:00 - 12:00 "><br>
                            <p><b></b></p><p></p>
                        </div>
                    </div>
                </div>
                <div class="main_common_box_container m-b-22">
                    <div class="info_od_col_list ">
                        <span class="span_title grey_color">未到店或晚至</span>
                        <div class="info_od_col_content" style="overflow:hidden">
                            如订单首晚未到店(No show)或延迟入住请务必联系好巧网，否则酒店可能不会以任何方式通知客人，并直接取消整单不退费。
                        </div>
                    </div>
                </div>
                <div class="main_common_box_container">
                    <div class="info_od_col_list">
                        <span class="span_title grey_color">更改政策</span>
                        <div class="info_od_col_content" style="overflow:hidden">
                            改期及部分取消等变更我们会向酒店或供应商尽力申请，但以申请结果为准，即使订单在免费取消期限也不作保证。
                        </div>
                    </div>
                </div>
            </div>
        </div>
            <div class="main_common_box m-t-16 c_currency_padding" style="padding-bottom: 0px; padding-top: 20px;">
            <div class="main_common_box_title m-b-22 c_currency_show" style="display:block;">
                <span class="title-line-blue-left"></span>返佣信息
            </div>
            <div class="main_common_box_container m-b-22 c_currency_show" id="J_additional_service_content" style="display:block;"></div>
            <div class="yellow_bg">
                <div class="new_tts_pay">
                    <div>
                        应付总额：
                        <font class="order_conpon_price_total">
                            <span class="J_p_total_currency"></span>
                            <span class="order_conpon_price_total J_p_total">{{total_price}}</span>
                            <span class="J_total_unit">元</span>
                        </font>
                    </div>
                    <div class="jifen_div c_currency_show" style="display:block;">
                        <span class="jifen_font">返佣</span>
                        <p class="jifen_p">
                            <span class="jifen_tips_words"></span>
                            订单离店后将获得<span class="jifen_color J_p_jifen">20</span>元佣金
                            <span class="J_jifen_other"></span>
                        </p>
                    </div>
                    <div class="new_main-table-clause">
                        <label class="checked_type">
                            <el-checkbox v-model="protocol"></el-checkbox>我已阅读出行提示和费用说明，并且接受
                        </label>
                        <a href="/protocol.html?name=ser" target="_blank">服务条款</a>
                        和<a href="/protocol.html?name=pre" target="_blank">预订协议</a>。
                    </div>
                    <div class="next-step-btn">
                        <input @click="submitOrder" style="background: rgb(68, 153, 255);" value="下一步" type="button" class="index-popup-btn J_popup_city main-table-btn new_index_popup_btn">
                        <i class="abs"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--<div class="remmend-time-tip">
        <i class="icon-timer"></i>请在<em class="red_color word-bold J_time">19分16秒</em>内完成填写，以免房间被订完或者价格发生变化
    </div>-->
</div>
</div>
<div id="add_person_div" class="hide">
    <div class="bedtype_info_item" style="margin-top:10px">
        <div class="bedtype_info_title line-h-31">其他入住人</div>
        <div class="bedtype_info_name">
            <div class="person_info">
                <div class="tts-od-e-txt-name tts-od-e-txt-name-input new-tts-od-e-txt-name">
                    <input type="text" name="lastname" class="tts-od-e-txt lastname" maxlength="50" placeholder="姓,例如zhang" value="" style="text-transform:uppercase;" autocomplete="off">
                </div>
                <div class="tts-od-e-txt-name tts-od-e-txt-name-input new-tts-od-e-txt-name-last">
                    <input type="text" name="firstname" class="tts-od-e-txt firstname" maxlength="50" placeholder="名,例如san" value="" style="text-transform:uppercase;" autocomplete="off">
                </div>
                <div class="tts-od-e-txt-tip" style="width:auto;">
                    <a href="javascript:;" class="J_del_person"><i><img src="./static/tx_X_icon.svg"> </i></a>
                </div>
                <span class="tts-od-e-txt-name-tips-py" style="width:auto;display:none;text-align:left"></span>
            </div>
        </div>
    </div>
</div>
<div id="add_person_child_div" class="hide">
    <div class="bedtype_info_item" style="margin-top:10px">
        <div class="bedtype_info_title line-h-31">儿童(<span class="J_add_person_age"></span>岁)</div>
        <div class="bedtype_info_name">
            <div class="child_info">
                <div class="tts-od-e-txt-name tts-od-e-txt-name-input new-tts-od-e-txt-name">
                    <input type="text" name="child_lastname" class="tts-od-e-txt lastname" maxlength="50" placeholder="姓,例如zhang" value="" style="text-transform:uppercase;" autocomplete="off">
                </div>
                <div class="tts-od-e-txt-name tts-od-e-txt-name-input new-tts-od-e-txt-name-last">
                    <input type="text" name="child_firstname" class="tts-od-e-txt firstname" maxlength="50" placeholder="名,例如san" value="" style="text-transform:uppercase;" autocomplete="off">
                </div>
                <div class="tts-od-e-txt-tip" style="width:auto;">
                    <a href="javascript:;" class="J_del_person"><i><img src="./static/tx_X_icon.svg"> </i></a>
                </div>
                <span class="tts-od-e-txt-name-tips-py" style="width:auto;display:none;text-align:left"></span>
            </div>
        </div>
    </div>
</div>
<div class="index-popup new-index-popup-content hide" id="J_popup_add_person">
    <div class="index-popup-title">
        温馨提示    </div>
    <div class="index-popup-cont-contianer dif jcc">
        <div class="index-popup-cont">
            <div class="common-remmend-tip dif tal">
                <i class="icon-timer common-va-m"></i>
                <span class="text-con f16 flex-1 dif aic">只有主入住人持证件可到酒店办理入住</span>
            </div>
            <div class="t-666 pl62 f14 s">
                <ul class="order-ul-mt">
                    <li><i>•</i> 主入住人为必填项，入住时需满18周岁；其他入住人为选填项</li>
                    <li><i>•</i> 其他入住人姓名仅在入住凭证上展示，不能独自到酒店办理入住</li>
                    <li><i>•</i> 如入住人分批到达酒店，请将先到的人作为主入住人</li>                </ul>
            </div>
        </div>
    </div>
    <div class="index-popup-btn-center order-del-pop-btn">
        <a href="javascript:;" class="index-popup-btn common-confirm-btn btn-width-234" id="J_popup_add_person_btn">我知道了</a>
    </div>
</div>
<div class="index-popup new-index-popup-content hide" id="J_popup_price">
    <div class="index-popup-title">
        温馨提示    </div>
    <div class="index-popup-cont">
        <div class="index-popup-cont dif jcc">
            <div class="order-del-pop-tips">
                您选择的套餐信息已经改变            </div>
        </div>
        <div class="order-pay-price-change clearfix">
            <ul id="J_price_change_b" class="J_price_change_b"></ul>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn">
            <a href="javascript:;" class="index-popup-btn " id="J_go_btn">继续预订</a>
            <a href="javascript:;" class="index-popup-btn order-del-pop-btn-cal m-l-26 J_cancel">取消</a>
        </div>
    </div>
</div>
<div class="index-popup new-index-popup-content hide" id="J_popup_order_warn">
    <div class="index-popup-title">
        预订提示    </div>
    <div class="index-popup-cont-contianer dif jcc">
        <div class="index-popup-cont">
            <div class="common-remmend-tip dif" style="text-align: left">
                <i class="icon-timer common-va-m"></i>
                <span class="text-con f16 flex-1 dif aic">当天入住的订单，需3小时才能传到酒店</span>
            </div>
            <div class="f14 t-666 pl62 s">
                <ul class="order-ul-mt">
                    <li><i>•</i> 该订单为当天入住，我们会为您加急处理</li>
                    <li><i>•</i> 由于酒店系统原因，酒店前台最多需3个小时才能收到订单信息</li>
                    <li><i>•</i> 请安排好时间，避免对入住产生影响</li>                </ul>
            </div>
        </div>
    </div>
    <div class="index-popup-btn-center  order-del-pop-btn">
        <a href="javascript:;" class="index-popup-btn btn-width-234 J_popup_close">我知道了</a>
    </div>
</div>
<div class="index-popup new-index-popup-content hide" id="J_popup_order_often">
    <div class="index-popup-title">
        温馨提示    </div>
    <div class="index-popup-cont">
        <div class="index-popup-cont-contianer dif jcc">
            <div>
                <div class="common-remmend-tip dif">
                    <i class="icon-timer common-va-m"></i>
                    <span class="text-con f16 flex-1 dif aic">提交太过频繁，请进入订单管理查看订单是否已成功。</span>
                </div>
                <p class="f14 t-666 pl62 s">紧急问题，请联系客服。</p>
                <p class="f14 t-666 pl62 s">• 客服电话(仅中国大陆)：<i class="red_color">400-633-2377（7×24小时）</i><br>• 客服电话(非中国大陆)：<i class="red_color">+86 27 59006258</i></p>
            </div>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn">
            <a href="" class="index-popup-btn btn-width-234">前往订单管理</a>
        </div>
    </div>
</div>
<div class="index-popup new-index-popup-content hide" id="J_popup_property">
    <div class="index-popup-title">
        温馨提示    </div>
    <div class="index-popup-cont">
        <div class="index-popup-cont-contianer dif jcc">
            <div class="common-remmend-tip dif">
                <i class="icon-timer common-va-t"></i>
                <p class="text-con f16 flex-1 dif aic">很抱歉，由于网络繁忙，获取酒店政策失败，<br>您可以再试一次，或查看其他房型。</p>
            </div>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn">
            <a href="javascript:;" class="index-popup-btn common-confirm-btn index-popup-property-other">看看其他房型</a>
            <a href="" class="index-popup-btn index-popup-property-btn order-del-pop-btn-cal m-l-26">再试一次</a>
        </div>
    </div>
</div>
<div class="index-popup new-index-popup-content hide" id="J_popup_timeout">
    <div class="index-popup-title">
        超时提示    </div>
    <div class="index-popup-cont">
        <div class="index-popup-cont-contianer tac vam-box">
            <div class="common-remmend-tip clearfix dib">
                <i class="icon-timer common-va-t fl"></i>
                <span class="text-con f16 fl dif aic">您未在20分钟内填写完成，<br>房间价格可能已经变化，请重新获取套餐信息。</span>
            </div>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn">
            <a href="javascript:;" class="index-popup-btn btn-width-234 J_index_popup_btn_updatetime">获取套餐信息</a>
        </div>
    </div>
</div>
<div class="index-popup new-index-popup-content hide" id="J_popup_timeout_reselect">
    <div class="index-popup-title">
        超时提示    </div>
    <div class="index-popup-cont">
        <div class="index-popup-cont-contianer tac vam-box">
            <div class="common-remmend-tip clearfix dib">
                <i class="icon-timer common-va-t fl"></i>
                <span class="text-con f16 fl dif aic" style="height: 50px; line-height: 50px;">当前页面停留时间过长，请重新查询酒店价格。</span>
            </div>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn">
            <a href="" class="index-popup-btn btn-width-234 J_index_popup_btn_updatetime">查询酒店价格</a>
        </div>
    </div>
</div>
<div class="index-popup new-index-popup-content hide" id="J_popup_pay_timeout">
    <div class="index-popup-title">
        超时提示    </div>
    <div class="index-popup-cont">
        <div class="index-popup-cont-contianer dif jcc">
            <div class="common-remmend-tip dif">
                <i class="icon-timer common-va-t"></i>
                <span class="text-con f16 flex-1 dif aic">您未在20分钟内提交订单，<br>房间价格可能已经变化，请刷新查看最新价格。</span>
            </div>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn">
            <a href="javascript:;" class="index-popup-btn btn-width-234 J_go_order_edit">刷新</a>
        </div>
    </div>
</div>
<div class="index-popup new-index-popup-content hide" id="J_popup_network_timeout">
    <div class="index-popup-title">
        网络超时    </div>
    <div class="index-popup-cont">
        <div class="index-popup-cont-contianer dif jcc">
            <div>
                <div class="common-remmend-tip dif">
                    <i class="icon-timer common-va-m"></i>
                    <span class="text-con f16 flex-1 dif aic">当前网络不稳定，请您稍后再提交。</span>
                </div>
                <p class="f14 t-666 pl62 s">紧急问题，请联系客服。</p>
                <p class="f14 t-666 pl62 s">• 客服电话(仅中国大陆)：<i class="red_color">400-633-2377（7×24小时）</i><br>• 客服电话(非中国大陆)：<i class="red_color">+86 27 59006258</i></p>
            </div>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn">
            <a href="javascript:;" class="index-popup-btn btn-width-234 J_go_btn_tips">前往订单管理</a>
        </div>
    </div>
</div>
<div class="index-popup new-index-popup-content hide" id="J_popup_order_repeat">
    <div class="index-popup-title">
        温馨提示    </div>
    <div class="index-popup-cont">
        <div class="index-popup-cont-contianer dif jcc">
            <div class="common-remmend-tip dif">
                <i class="icon-timer common-va-t"></i>
                <span class="text-con f16 flex-1 dif aic">您已提交重复订单，请进入订单管理查看订单是否已成功。<br>订单号：<span id="J_order_repeat"></span></span>
            </div>
        </div>
    </div>

    <div class="index-popup-btn-center order-del-pop-btn">
        <a href="" class="index-popup-btn common-confirm-btn">前往订单管理  </a>
        <a href="javascript:;" class="index-popup-btn order-del-pop-btn-cal common-cancel-btn m-l-26  J_go_order_edit">返回修改信息</a>

    </div>
</div>

<div class="index-popup new-index-popup hide" id="J_popup_order_sn">
    <div class="order-poppup-main">
        <div class="order-popup-hd"></div>
        <div class="order-popup-content">
            <div class="popup_icon_box">
                <span class="pp_icon after_pp_icon"></span><span class="pp_icon before_pp_icon"></span>
            </div>
            <div class="order-popup-return">
                <a href="javascript:;" class="m-l-26 J_go_order_edit"><img src="./static/images/tk_arrow_left_blue.png"> 返回修改信息</a>
            </div>
            <div class="order-popup-text">
                <div class="show-tip-item">
                    <span class="show-tip-img"><img class="image-size-7858" src="./static/images/tk_ok_icon.png"></span>
                    <div class="show-tip-content">
                        <h6 class="size-20" style="color:#333">订单已创建</h6>
                        <p>好巧订单号：<span id="J_order_sn"></span></p>
                        <p class="red_color J_pop_order_sub_tips hide"></p>
                    </div>
                </div>
            </div>
            <div class="order-popup-footer-content">
                <div class="index-popup-btn-center order-popup-footer">
                    <div class="footer-btn-hd">
                        <a href="javascript:;" class="common-btn common-confirm-btn" id="J_go_order_pay">立即支付：<span id="J_order_price"></span></a>
                        <a href="" class="common-btn common-cancel-btn m-l-26 J_go_order" style="">稍后支付：进入订单管理</a>
                    </div>
                    <div class="count-down-div">
                        <div class="remmend-time-tip">
                            <i class="icon-timer"></i>请在<em class="red_color word-bold J_pay_time">00分00秒</em>内完成<span id="J_pay_type_tips">支付</span>，以免房间被订完或者价格发生变化                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="index-popup new-index-popup-content hide" id="J_popup_account_forbid">
    <div class="index-popup-title">
        用户禁用    </div>
    <div class="index-popup-cont">
        <div class="index-popup-cont-contianer dif jcc">
            <div>
                <div class="common-remmend-tip dif aic">
                    <i class="icon-timer common-va-t"></i>
                    <span class="text-con f16 flex-1">您的账户已经被禁用，请联系客服。<br></span>
                </div>
                <div class="f14 t-666 pl62 s">• 客服电话(仅中国大陆)：<i class="red_color">400-633-2377（7×24小时）</i><br>• 客服电话(非中国大陆)：<i class="red_color">+86 27 59006258</i></div>
            </div>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn order-popup-footer">
            <a href="/index.html" class="index-popup-btn common-confirm-btn btn-width-234">返回首页</a>
        </div>
    </div>
</div>
<div class="index-popup new-index-popup-content hide" id="J_popup_account_order">
    <div class="index-popup-title">
        下单权限提醒    </div>
    <div class="index-popup-cont">
        <div class="index-popup-cont-contianer dif jcc">
            <div>
                <div class="common-remmend-tip dif aic">
                    <i class="icon-timer"></i>
                    <span class="text-con f16 flex-1">
                       您的账号没有预订权限，暂时不能进行酒店预订。                    </span>
                </div>
                <div class="f14 t-666 pl62 s">
                    <p>如有疑问，请与客服联系。</p>
                    <p>• 客服电话(仅中国大陆)：<i class="red_color">400-633-2377（7×24小时）</i><br>• 客服电话(非中国大陆)：<i class="red_color">+86 27 59006258</i></p>
                </div>
            </div>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn order-popup-footer">
            <a href="javascript:;" class="index-popup-btn index-popup-property-other common-confirm-btn btn-width-234">继续查看价格</a>
        </div>
    </div>
</div>
<div class="index-popup new-index-popup-content hide" id="J_popup_room">
    <div class="index-popup-title">
        套餐库存不足    </div>
    <div class="index-popup-cont">
        <div class="index-popup-cont-contianer dif jcc">
            <div>
                <div class="common-remmend-tip dif aic">
                    <i class="icon-timer common-va-t"></i>
                    <p class="text-con f16">很抱歉，您选择的优惠房型套餐已售罄，<br>请查看其他酒店或房型套餐<br></p>
                </div>
                <div class="f14 t-666 pl62 tal s" id="J_property_noroom_tips"></div>
            </div>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn order-popup-footer">
            <a href="" class="index-popup-btn common-confirm-btn">看看其他房型</a>
            <a href="" class="index-popup-btn common-cancel-btn m-l-26">看看其他酒店</a>
        </div>
    </div>
</div>

<div class="index-popup new-index-popup-content hide" id="J_popup_rateplan">
    <div class="index-popup-title">
        温馨提示    </div>
    <div class="index-popup-cont">
        <div class="rateplan-div dif jcc">
            <div>
                <div class="rateplan_info f14 mb10 clearfix">
                    <i class="icon-timer common-va-t dib fl mr5"><img style=" width: 18px;" src="./static/note_info.svg"></i>
                    <strong class="db fl" style="padding-top:1px;">您选择的价格已售罄或信息变化，我们为您挑选了如下类似价格</strong>
                    <span class="diff_show fr f12 t-666 radius-2 tac J_diff_show_" data="1">不同项高亮显示</span>
                </div>
                <div class="f14 t-666 tal s" id="J_popup_rateplan_list">
                    <table class="rateplan_list_tab">
                        <tbody><tr class="not">
                            <th style="width:120px;">房型名</th>
                            <th style="width:120px;">床型</th>
                            <th style="width:80px;">餐食</th>
                            <th style="width:200px;">政策</th>
                            <th style="width:170px;">均价/间/晚</th>
                            <th class="tac" style="width:110px;">操作</th>
                        </tr>
                        <tr class="not your_choose" data-code="85A965812ADBCB2949BB8B3294AA7308">
                            <td><span>高级房</span></td>
                            <td>
                                <div class="font-14 t-333 rateinfo_bed">
                                    1张大床或2张单人床                                </div>
                                                            </td>
                            <td>
                                <div class="hotel-d-p-t-canbak J_tips_canbre rel">
                                    <div class="detail-price-tips-cancel hide t-666 bg-fff abs triangle-up radius-4 hq-shadow-box s f12 p10">
                                        <strong>含餐情况：</strong>
                                        <i class="f14">不含餐</i>                                    </div>
                                    <a class="hotel-d-p-b-a"><i class="t-333 f14">不含餐</i></a>
                                    <i class="f12 t-999" style="display: block;"></i>
                                </div>
                            </td>
                            <td>
                                                                <div class="hotel-d-p-t-canbak J_tips_canbre hotel_cancel_info rel" data-price-rmb="100">
                                                                            <i class="f14" style="color: #ff5256;">不可取消</i>
                                    
                                    <div class="detail-price-tips-cancel hide t-666 bg-fff abs triangle-up radius-4 hq-shadow-box s f12 p10">
                                        <span class="non_cancel"><em>•</em>不可取消、不可修改。</span><span class="cancel_remark"><em>•</em>如果取消预订或未如期入住，酒店将收取全额费用。</span>                                    </div>
                                </div>
                                                                </td>
                            <td>
                                <div class="hotel-d-p-table-p rel">
                                    <div class="hotel-d-p-t-canbak J_hotel_price_tips" style="margin-bottom: 2px;">
                                        <strong style="font-weight: bold;">
                                            <div class="hotel-d-p-t-p-t-c hide J_h_d_p_tips_c bg-fff mt5 abs triangle-up radius-4 hq-shadow-box s f12">
                                                <div class="hotel-d-p-t-p-t-c-t tal">
                                                    <span class="h-lh30 t-333">客房每日价格：</span>
                                                    <table class="w100p t-666 b-solid b-ddd">
                                                        <tbody>
                                                        <tr class="h-lh30 t-333">
                                                            <th class="pl10 pr10 b-solid b-ddd" width="50%">日期</th>
                                                            <th class="pl10 pr10 b-solid b-ddd" width="50%">房价/间/晚</th>
                                                        </tr>
                                                                                                                <tr>
                                                            <td>2020-04-24</td>
                                                            <td><strong class="t-ff5256">￥646.00</strong></td>
                                                        </tr>

                                                                                                                    <tr class="hotel-d-p-t-p-t-c-t-p">
                                                            <th class="pl10 pr10 b-solid b-ddd s" colspan="2">
                                                                <p><strong class="t-333">总价</strong><span> ￥ 646.00</span><strong>（1晚，1间）</strong></p>
                                                            </th>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <i class="f14" style="font-weight: bold;">￥</i>
                                            646                                        </strong>
                                        
                                                                                <br>
                                        <div class="hotel_price_tips">
                                            <font class="hotel-d-p-table-price clearfix dib">总价￥ 646.00</font>
                                                                                </div>
                                                                    </div>
                            </div></td>
                            <td class="tac">
                                <a href="javascript:;" class="choose-a dib t-666" style="line-height: 18px;">您选择的价格</a>
                            </td>
                        </tr>
                    </tbody></table>
                </div>
            </div>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn order-popup-footer">
            <a href="javascript:;" class="index-popup-btn common-confirm-btn refind index-popup-property-other">看看其他房型</a>
        </div>
    </div>
</div>
<div class="index-popup new-index-popup-content hide" id="J_popup_rq_comfirm">
    <div class="index-popup-title">
        预订提示    </div>
    <div class="index-popup-cont order-pay-popup">
        <div class="index-popup-cont-contianer dif jcc">
            <div>
                <div class="common-remmend-tip dif aic" style="text-align: left">
                    <i class="icon-timer common-va-m"></i>
                    <p class="text-con f20 b">本房型不能立即确认</p>
                </div>
                <div class="order-ul-mt-bd s" style="padding-left:62px; text-align: left;">
                    <ul class="order-ul-mt">
                         <li>您提交申请后，我们的酒店专员将立即与酒店联系，并在<span id="sub_rq_time">8-72小时</span>内给您答复。如果酒店已没有该价格套餐，我们将立即退款</li>
                    <li>注意，一旦提交申请，本房间的取消规则也将立即生效</li>
                    <li>等待申请结果的过程中不允许对订单进行修改、取消等任何操作</li>                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="index-popup-btn-center order-del-pop-btn new-order-del-pop-btn dif jcc">
        <a href="javascript:;" class="index-popup-btn J_popup_order_rq_comfirm">我了解，继续预订</a>
        <a href="javascript:;" class="index-popup-btn order-del-pop-btn-cal J_popup_rq_comfirm_close">预订其他房型</a>
    </div>
</div>

<div class="index-popup new-index-popup-content hide" id="J_popup_rq_comfirm_tips">
    <div class="index-popup-title">
        预订提示    </div>
    <div class="index-popup-cont order-pay-popup">
        <div class="index-popup-cont-contianer dif jcc">
            <div>
                <div class="common-remmend-tip dif aic" style="text-align: left">
                    <i class="icon-timer common-va-m"></i>
                    <p class="text-con f20 b">注意事项</p>
                </div>
                <div class="order-ul-mt-bd s" id="J_popup_rq_comfirm_tips_contents" style="padding-left:62px; text-align: left;"></div>
            </div>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn new-order-del-pop-btn dif jcc">
            <a href="javascript:;" class="index-popup-btn J_popup_order_rq_comfirm_tips">我了解，继续预订</a>
            <a href="javascript:;" class="index-popup-btn order-del-pop-btn-cal J_popup_rq_comfirm_tips_close">取消</a>
        </div>
    </div>
</div>

<div class="index-popup new-index-popup-content hide" id="J_popup_research">
    <div class="index-popup-title">
        温馨提示    </div>
    <div class="index-popup-cont">
        <div class="index-popup-cont-contianer dif jcc">
            <div class="common-remmend-tip dif">
                <i class="icon-timer common-va-t"></i>
                <span class="text-con f16 flex-1 dif aic">价格信息已失效，请进入酒店价格列表重新选择。</span>
            </div>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn order-popup-footer">
            <a href="https://www.haoqiao.com/bangkok_c1/199.html?checkin=2020-04-24&amp;checkout=2020-04-25&amp;room=1&amp;adult=2&amp;child=0&amp;child_age=&amp;citizenship=CN" class="index-popup-btn common-confirm-btn J_index_popup_btn_updatetime">重新选择价格</a>
        </div>
    </div>
</div>
<div class="footer w100p t-fff f12" id="J_footer">
    <div class="w footer_wrap">
        <!--<div class="w100p footer_top clearfix">
            <div class="fl footer-top-list">
                <div class="footer-top-title f14 pl10 before-b rel">关注我们</div>
                <p><a class="J_token" href="https://www.haoqiao.com/about" target="_blank">关于我们</a></p>
                <p><a href="https://www.haoqiao.com/feedback?from=hoteldetail" target="_blank" class="J_token">意见反馈</a>
                </p>
                <p><a href="https://www.haoqiao.com/policy" target="_blank" class="J_token">服务政策</a></p>
                <p><a href="https://www.haoqiao.com/app" target="_blank" class="J_token">下载客户端</a></p>
            </div>
            <div class="fl footer-top-list">
                <div class="footer-top-title f14 pl10 before-b rel">加盟合作</div>
                <p><a href="https://www.haoqiao.com/" target="_blank" class="J_token" id="partners">合作伙伴</a></p>
                <p><a href="https://www.haoqiao.com/joinus" target="_blank" class="J_token">诚聘英才</a></p>
                <p><a href="https://www.haoqiao.com/" target="_blank" class="J_token">同业预订平台</a></p>
                <p><a href="https://www.haoqiao.com/api/apply" target="_blank" class="J_token">API分销平台</a></p>
            </div>
            <div class="fl footer-top-list footer-email">
                <div class="footer-top-title f14 pl10 before-b rel">联系邮箱</div>
                <p>酒店业务客服：<a target="_blank" rel="nofollow" href="mailto:hotelservice@haoqiao.com">hotelservice@haoqiao.com</a>
                </p>
                <p>旅业资源客服：<a target="_blank" rel="nofollow" href="mailto:destinationservice@haoqiao.com">destinationservice@haoqiao.com</a>
                </p>
                <p>业务合作：<a target="_blank" rel="nofollow" href="mailto:service@haoqiao.com">service@haoqiao.com</a></p>
                <p>投诉邮箱：<a target="_blank" rel="nofollow" href="mailto:customercare@haoqiao.com">customercare@haoqiao.com</a>
                </p>
            </div>
            <div class="fl footer-top-list footer-tel">
                <div class="footer-top-title f14 pl10 before-b rel">客服电话 （7×24小时）</div>
                <p>客服电话(仅中国大陆)：400-633-2377</p>
                <p>客服电话(非中国大陆)：+86 27 59006258</p>
                <p class="clearfix"><span class="fl">紧急联系电话：</span><span class="fl">+86 18971443893（目的地/机票）</span></p>
            </div>
            <div class="fl footer-top-list" style="">
                <div class="footer-top-title f14 pl10 before-b rel">手机APP二维码</div>
                <p class="footer_qr_code">
                    <img class="db" alt="好巧手机APP二维码" src="./static/images/qr_code.gif">
                </p>
            </div>
            <div class="fl footer-top-list footer-app">
                <div class="footer-top-title f14 pl10 before-b rel">微信公众号</div>
                <p class="footer_qr_code">
                    <img class="db" alt="好巧微信公众号" src="./static/images/wx_code.gif">
                </p>
            </div>
        </div>-->
        <div class="footer_bottom w100p pt10 clearfix">
            <img class="fl" src="./img/logo.png" style="height: 80px;">
            <!--<div class="fl clearfix">
                <p class="pt10 footer-reserved fl">© HAOQIAO All rights reserved.&nbsp;&nbsp;&nbsp;京ICP备14000682号-3
                    &nbsp;&nbsp;京ICP证150888号 &nbsp;&nbsp;京公网安备 11010802015019</p>
                <p class="footer-reserved fl pt10">地址：北京市大兴区经济开发区科苑路18号1幢A3户型一层184室</p>
            </div>-->
        </div>
    </div>
</div>

<div class="index-popup popup_after_sale hide abs footer_popup_after_sale" id="J_popup_after_sale">
    <div class="index-popup-title rel f16 t-fff">
        售后客服联系方式        <a href="javascript:;" title="关闭" class="icon_popup_close abs J_close_popup"></a>
    </div>
        <div class="index-popup-cont">
        <div class="index-popup-sale-cont dif jcc">
            <div>
                <div class="index-popup-sale-box dif f16">
                    <i class="icon_popup_after_sale"></i>
                    <div class="flex-1 pl20">
                        <p class="f24 t-333 s pb10">售后问题请拨打客服电话</p>
                        <ul class="f16 t-666">
                            <li>客服电话(仅中国大陆)：400-633-2377 （7×24小时）</li><li>客服电话(非中国大陆)：+86 27 59006258</li><li class="clearfix"><p class="fl">紧急联系电话：</p><p class="fl">+86 18971443893（目的地/机票）</p></li>                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn dif jcc">
            <a href="javascript:;" class="db tac pointer f14 t-fff bg-49f bg-5da7ff-hover index-popup-btn" id="J_popup_after_sale_btn">关闭</a>
        </div>
    </div>
</div>

<!-- 登录pop -->
<div class="index-popup login-popup radius-4 hide" id="J_popup_login" style="width: 390px">
    <div class="index-popup-cont radius-4">
        <div class="nav-menu-pop nav-menu-pop-login J_nav_menu_popup_login radius-4">
            <div class="account-main">
                <div class="account-title f20 rel">
                    <ul class="account-tab clearfix m0auto" id="J_popup_tab">
                        <li class="fl pointer t-333 current">同业预订</li>
<!--                        --><!--                            <li class="fl pointer t-999">--><!--?//=$lang_header['login_2']?--><!--</li>-->
<!--						-->                    </ul>
                    <a class="db abs icon_close J_close_popup_login_pop bg_size" href="javascript:;" title="关闭"></a>
                </div>
                <div class="account-cont bg-fff">
                    <div class="J_popup_tab_cont">
                        <input type="hidden" name="type" value="mobile">
                        <div class="account-form-l">
                            <input class="account-f-l-txt radius-4 f14 icon_login_code" type="text" value="企业编号" id="J_popup_code" name="code" style="color: rgb(51, 51, 51);">
                        </div>
                        <div class="account-form-l">
                            <input class="account-f-l-txt radius-4 f14 icon_login_account" type="text" value="账号" id="J_popup_name" name="username" style="color: rgb(51, 51, 51);">
                        </div>
                        <div class="account-form-l">
                            <input type="text" value="" name="password" onfocus="this.type=&#39;password&#39;" autocomplete="off" class="account-f-l-txt radius-4 f14 hide icon_login_paw" id="J_popup_paw" style="color:#333;">
                            <input class="account-f-l-txt radius-4 f14 icon_login_paw" type="text" value="密码" name="text" id="J_popup_paw_txt">
                        </div>
                        <div class="account-error-msg f12 tal" id="J_popup_error_msg"></div>
                        <div class="account-form-l mb6">
                            <input class="t-fff tac bg-49f bg-5da7ff-hover radius-4 f16 pointer account-btn" type="button" value="登录" id="J_popup_login_btn">
                            <input type="hidden" value="" id="J_popup_salt" name="salt">
                        </div>
                        <div class="account-form-l-t clearfix">
                            <div class="account-form-l-t-remember fl f12 t-999 h100p dif aic">
                                <label class="clearfix">
                                    <input type="checkbox" class="fl" name="is_popup_remember" id="J_popup_is_remember" value="" checked="checked">
                                    <span class="fl">记住账户</span>
                                </label>
                            </div>
                            <div class="account-form-l-t-forget fr f12">
                                <span class="t-ec">|</span>
                                <a class="db fl tdu-hover J_go_register" href="javascript:void(0)" data-href="/register">免费注册</a>

                            </div>
                        </div>
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--弹窗结束-->


<div id="bg"></div>
<script src="./js/lib/moment.js" type="text/javascript"></script>
<script src="./js/lib/vue.js" type="text/javascript"></script>
<script src="./js/lib/element-ui/index.js" type="text/javascript"></script>
<script src="./js/loginComponent.js" type="text/javascript"></script>
<script src="./js/order.js"></script>
</body>
</html>